.contentItem{
  margin-top: 10px;
  padding-left: 0 !important;
  padding-right:0 !important;

  .item{
    padding: 10px ;
    border-top: 4px solid rgb(238 240 244);
  }

  .itemTitleWraper{
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;

    .dragHandle{
      position: relative;
      width: 100%;
      user-select: none;
      /* stylelint-disable-next-line property-no-vendor-prefix */
      -webkit-user-select: none;

      &::after{
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 10;
        top: 0;
        left: 0;
        pointer-events: none;
        touch-action: none;
        user-select: none;
        /* stylelint-disable-next-line property-no-vendor-prefix */
        -webkit-user-select: none;
        -webkit-touch-callout: none;
      }
    }

    .info{
      flex: 1;
    }

    .itemTitle{
      font-size: 16px;
      line-height: 1.6;
      font-weight: bold;
      flex: 1;
      display: flex;

      &.itemTitleDisabled{
        *{
          color: gray!important;
        }
      }
    }


    .description{
      overflow : hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      font-weight: normal;
      font-size: 14px;

      /* stylelint-disable-next-line no-descending-specificity */
      *{
        pointer-events: none;
        touch-action: none;
        user-select: none;
        /* stylelint-disable-next-line property-no-vendor-prefix */
        -webkit-user-select: none;
        -webkit-touch-callout: none;
      }
    } 

    .itemTime{
      line-height: 1.6;
      font-size: 13px;
      white-space: pre-wrap;
    }

    .selectedItemWraper{
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      margin-top: 10px;
  
      .selectedItem{
        padding: 2px 6px;
        border: 1px solid transparent;
        font-size: 12px;
        font-weight: normal;
        border-radius: 6px;
        white-space: nowrap;
        display: inline-block;
        background: rgb(243 244 246);
        margin-bottom: 0;
      }}
  }


}

.contentItemEdit {
  min-height: 100vh;
  margin-top: 10px;

  @media screen and (width <= 800px){
    margin-top: 0;
  }
}